<template>
  <div>
    <div class="box">
      <span @click="fn()">&lt;</span>
      <span>X</span>
      <span>百果园积分商城</span>
      <span class="iconfont icon-fenxiang"></span>
    </div>
    <div class="bot">
      <span class="left">
        <span class="iconfont icon-qian"></span>
        <span> 0 </span>
        <span>积分</span>
      </span>
      <span>
        <span class="iconfont icon-jilu"></span>
        <span>兑换记录</span>
      </span>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    fn() {
      this.$router.go("-1");
    },
  },
};
</script>

<style scoped>
.box {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  border-bottom: 1px solid rgb(228, 228, 228);
}
.box span:nth-child(4) {
  font-size: 0.2rem;
}
.box span {
  margin-left: 0.1rem;
}
.box span:nth-child(3) {
  margin-left: 0.9rem;
}
.box span:nth-child(4) {
  margin-left: 0.9rem;
}
.bot{
  font-size: .14rem;
}
.bot .left{
  display: inline-block;
  height: .5rem;
  line-height: .5rem;
  margin: 0 1.4rem 0 .2rem;
}
.left span:nth-child(2){
  color: red;
}
.bot span span:nth-child(1){
  font-size: .2rem;
  color: green;
}
</style>